<template>
	<view class="content">
		<view class="content-swiper">
			<view class="content-swiper-item" v-show="current === 0" >
				<Ticketing />
			</view>
			<!-- <view class="content-swiper-item" style="background: yellow;" v-show="current === 1" >
				
			</view> -->
		</view>
		<!-- <TabBar :current.sync="current" /> -->
	</view>
</template>

<script>
import * as api from '@/api'
import TabBar from './components/TabBar.vue'
import Ticketing from './index/index-t.vue'
export default {
	components: {
		Ticketing,
		TabBar
	},
	data () {
		return {
			current: 0,
		}
	},
	mounted () { },
	methods: {
		handleSwiper(e) {
			const { detail } = e || {}
			const { current } = detail || {}
			this.current = detail ? current : e
		}
	}
}
</script>

<style lang="scss" scoped>
.content {
	width: 100vw;
	height: 100vh;
	display: flex;
	flex-direction: column;
	&-swiper{
		width: 100%;
		flex: 1;
		margin-bottom: 20rpx;
		&-item{
			width: 100%;
			height: 100%;
		}
	}
}
</style>